.form-group{
    .input-group{
        position: relative;
        input[type='text'],input[type='email'],input[type='mobile'],input[type='password']{
            border: 1px #32BC61 solid;
            background-color: #f8f8f8;
            border-color: #e9e9e9;
            outline: none;
        }
        &.active{
            input[type='text'],input[type='email'],input[type='mobile'],input[type='password']{
                border: 1px #32BC61 solid;
                background-color: #fff;
            }
        }
        &.success{
            input[type='text'],input[type='email'],input[type='mobile'],input[type='password']{
                background-color: #e0f4e3;
            }
            .valid_message {
                background: url(../img/sucess.png) no-repeat;
                right: 5px;
                top: 11px;
                width: 16px;
                height: 16px;
                position: absolute;
            }
        }
        &.error{
            input[type='text'],input[type='email'],input[type='mobile'],input[type='password']{
                background-color: #fbf9bb;
                border: 1px #f00 solid;
            }
            .valid_message{
                color: #f00;
            }
        }
        .valid_message{
            color: #32BC61;
            display: block;
            text-align: right;
            float: right;
            font-size: 12px;
        }
    }
    .none{
        display: none;
    }
}